/* TabsComponent.css */  
.tabs-container {  
    display: flex;  
    justify-content: space-around;  
    padding: 20px;  
    background: linear-gradient(to right, purple, black);  
    color: white;  
    font-family: Arial, sans-serif;  
  }  
    
  .tab-item {  
    flex: 1;  
    padding: 20px;  
    border-radius: 8px;  
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);  
    background: rgba(255, 255, 255, 0.1);  
    text-align: center;  
  }  
    
  .tab-item h3 {  
    margin-top: 0;  
  }  
    
  .shared-date {  
    font-size: 0.8em;  
    color: #aaa;  
    margin-top: 10px;  
  }